/* 主题按钮基础样式 */
[class*="theme-"] {
  .custom-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 32rpx;
    font-size: 32rpx;
    font-weight: 600;
    height: 88rpx;
    border: none;
    border-radius: 12rpx;
    transition: all 0.3s ease;
    background: linear-gradient(135deg, var(--button-color), var(--primary-dark));
    color: #FFFFFF;
    text-shadow: 0 1rpx 2rpx rgba(0, 0, 0, 0.1);
    box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.1);
    letter-spacing: 2rpx;
    
    /* 移除默认边框 */
    &::after {
      border: none;
    }
    
    /* 点击效果 */
    &:active {
      transform: translateY(2rpx);
      box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
      opacity: 0.95;
    }
    
    /* 禁用状态 */
    &--disabled {
      opacity: 0.6;
      background: var(--button-color) !important;
      color: rgba(255, 255, 255, 0.8);
      
      &:active {
        transform: none;
        box-shadow: 0 6rpx 16rpx rgba(0, 0, 0, 0.1);
      }
    }
    
    /* 块级按钮样式 */
    &--block {
      display: flex;
      width: 100%;
    }
    
    /* 圆角按钮样式 */
    &--round {
      border-radius: 44rpx;
    }
    
    /* 朴素按钮样式 */
    &--plain {
      background: transparent;
      border: 2rpx solid var(--button-color);
      color: var(--button-color);
      box-shadow: none;
      text-shadow: none;
      
      /* 朴素按钮点击效果 */
      &:active {
        background-color: var(--background-color);
        transform: translateY(2rpx);
      }
    }
    
    /* 小型按钮样式 */
    &--small {
      height: 64rpx;
      padding: 0 24rpx;
      font-size: 28rpx;
      border-radius: 8rpx;
    }
    
    /* 大型按钮样式 */
    &--large {
      height: 96rpx;
      padding: 0 40rpx;
      font-size: 36rpx;
      font-weight: 700;
      letter-spacing: 4rpx;
    }
  }
} 